<style>
    .dcdev-footer {
        display: flex;
        align-items: center;
        margin: 0;
        bottom: 0 !important;
        padding: 10px;
        box-sizing: border-box;
    }

    .dcdev-footer .dcdev-footer_line {
        display: inline-block;
        width: 100%;
        border-top: 1px solid #ccc;
        margin-top: 1.5px;
    }

    .dcdev-footer .dcdev-footer_title {
        vertical-align: -4px;
        flex-shrink: 0;
        color: rgb(160, 155, 155);
        font-size: 12px;
    }
</style>
<div id="dc_footer" style="width: 100%;" class="dcdev-footer dcdev-float-bottom">
    <span class="dcdev-footer_line line_left"></span>
    <span class="dcdev-footer_title">数控开发&nbsp;·&nbsp;</span>
    <span id="group_chat" class="dcdev-footer_title" style="cursor:pointer;color: blue;">&nbsp;交流&nbsp;/&nbsp;</span>
    <span id="contact_us" class="dcdev-footer_title" style="cursor:pointer;color: blue;">&nbsp;联系</span>
    <span class="dcdev-footer_line line_right"></span>
</div>
<img id="_dc_footer_menu_" onclick="_dc_foot_show_menu_()" style="position: absolute;display:none;
width: 24px;
height: 24px;
right: 0px;
bottom: 0px;
background-color: #F4F7ED;
margin: 8px;margin-left:10px;
" src="https://res.dcdev.net/dcdev/v1.0.6/assets/images/menu.svg"></div>
<script>
    if (browser_info.is_mobile) {
        $(`#_dc_footer_menu_`).css("display", "block");
    }

    function _dc_foot_show_menu_() {
        if (!$(`#_dc_footer_menu_`).data("expend_status")) {
            $(`#_dc_footer_menu_`).data("expend_status", 1);
            $.getScript("https://res.dcdev.net/dcdev/v1.0.6/assets/js/popup_side_bar.js", function () {
                var data = {
                    // div的id
                    id: "menu_button",
                    // 菜单的容器
                    container: "dcdev_body_container",
                    // 菜单展开或关闭的速度(默认1秒)
                    interval: 0.2,
                    //菜单展开的百分比，(默认为100%)
                    extent_rate: 20,
                    // 菜单弹出方向(left/right,默认left)
                    direction: "right",
                    // 顶部菜单栏配置
                    title_bar_config: {
                        // 展开状态配置
                        on_config: {
                            // 展开回调
                            cb: function (res) {
                                $(res.side_bar_container).append($(`#_dc_code_panel_`));
                                // 显示代码编辑面板
                                dc_load_code_panel();
                            },
                        },
                        // 关闭中状态配置
                        off_config: {
                            // 缩回回调
                            cb: function (res) {},
                        },
                    },
                    // 菜单按钮相关配置
                    side_bar_config: {
                        // 自动关闭侧边菜单（默认为0则不关闭）
                        // auto_hide_timeout: 2,
                        // 侧边栏容器样式(默认为background-color:gray;)
                        side_bar_container_style: `background-color:lightgray;`,
                        // 侧边栏内容
                        html: `
    <div style="width: 100%;">
    </div>`,
                    }
                }
                side_bar_class.init(data, function (res) {});
                side_bar_class.show();
            })
        } else if ($(`#_dc_footer_menu_`).data("expend_status") == 1) {
            $(`#_dc_footer_menu_`).data("expend_status", 0);
            side_bar_class.hide();

        } else if ($(`#_dc_footer_menu_`).data("expend_status") == 0) {
            $(`#_dc_footer_menu_`).data("expend_status", 1);
            side_bar_class.show();
        }
    }

    $(`#contact_us`).click(function () {
        var data = {
            appear: { //位置及大小配置
                // 移动端的大小
                mobile: {
                    size: {
                        w: "100%", // 单位%或px
                        h: "70%", // 单位%或px
                    },
                },
                // pc端的大小
                pc: {
                    size: {
                        w: "400px", // 单位%或px
                        h: "500px", // 单位%或px
                    },
                },
            },
        }
        ui_class.show_browser(
            // "https://zhidao.baidu.com/question/1696552797091095028.html?fr=iks&word=%B0%D9%B6%C8%D6%AA%B5%C0&ie=gbk",data);
            "https://p-1mbj.tower.im/p/trvo", data);
    })
    $(`#group_chat`).click(function () {
        var data = {
            appear: { //位置及大小配置
                // 移动端的大小
                mobile: {
                    size: {
                        w: "100%", // 单位%或px
                        h: "70%", // 单位%或px
                    },
                },
                // pc端的大小
                pc: {
                    size: {
                        w: "400px", // 单位%或px
                        h: "500px", // 单位%或px
                    },
                },
            },
        }
        ui_class.show_browser(
            "https://p-1mbj.tower.im/p/gqzk", data);
    })
</script>